<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font-icon</title>
    <link rel="stylesheet" href="css/font-awesome.css">
    <style>
      .page-header {
        display: none;
      }
      .fontawesome-icon-list a {
        float: left;
        width: 64px;
        height: 64px;
        text-align: center;
        line-height: 64px;
        color:#000;
        font-size: 0;
      }
      .fontawesome-icon-list .fa {
        font-size: 32px;
        line-height: 64px;
      }
    </style>
</head>
<body>
<section id="new">
  <h2 class="page-header">20 New Icons in 4.5</h2>


  <div class="row fontawesome-icon-list">



      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth"><i class="fa fa-bluetooth"></i> bluetooth</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bluetooth-b"><i class="fa fa-bluetooth-b"></i> bluetooth-b</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/codiepie"><i class="fa fa-codiepie"></i> codiepie</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card-alt"><i class="fa fa-credit-card-alt"></i> credit-card-alt</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/edge"><i class="fa fa-edge"></i> edge</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fort-awesome"><i class="fa fa-fort-awesome"></i> fort-awesome</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hashtag"><i class="fa fa-hashtag"></i> hashtag</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mixcloud"><i class="fa fa-mixcloud"></i> mixcloud</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/modx"><i class="fa fa-modx"></i> modx</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause-circle"><i class="fa fa-pause-circle"></i> pause-circle</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause-circle-o"><i class="fa fa-pause-circle-o"></i> pause-circle-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/percent"><i class="fa fa-percent"></i> percent</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/product-hunt"><i class="fa fa-product-hunt"></i> product-hunt</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reddit-alien"><i class="fa fa-reddit-alien"></i> reddit-alien</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scribd"><i class="fa fa-scribd"></i> scribd</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-bag"><i class="fa fa-shopping-bag"></i> shopping-bag</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-basket"><i class="fa fa-shopping-basket"></i> shopping-basket</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop-circle"><i class="fa fa-stop-circle"></i> stop-circle</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop-circle-o"><i class="fa fa-stop-circle-o"></i> stop-circle-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/usb"><i class="fa fa-usb"></i> usb</a></div>

  </div>

</section>
</body>
</html>